@charset "utf-8";
/* CSS Document */

/* 设置默认属性 */
*{ 
	margin: 0; 
	padding: 0; 
	box-sizing: border-box; 
	/* 字体样式 */
    font-family: Helvetica, "PingFang SC", "Microsoft Yahei", sans-serif; 
	font-size: 14px;
} 

/* 根伪类--为自定义CSS属性 方便重复使用同一个属性 用var()进行调用 */
:root { 
	/* 主色调（黄）、主题色、副色 */
	--primary-color: #f79f1f;
	--secondary-color: #e3e3e3;
	--text-color-lightest: #e7e9ec; 
    --text-color-darker: #2e2e2e; 
	--text-color-dark: #494949; 
	--text-color-gray: #8b8b8b;
    --text-color-dark-gray: #727272; 
	--text-color-light-gray: #c6c6c6;
	/* 背景层遮罩颜色 */
    --backdrop-color: rgba(42, 42, 42, 0.69);
    /* 盒子阴影 */
	--box-shadow:0 0.9rem 1.7rem rgba(0,0,0,0.25);
	/* 登录注册按钮外边框圆角属性 */
	--button-radius: 5px;	
}

/* 设置头部样式 */
header{ 
	width: 100vw; 
	height: 80px; 
	display: grid; 
	padding: 0 40px; 
    grid-template-columns: 1fr 2fr;
    align-items: center; 
	position: relative; 
	z-index: 200; 
}

.logo {
	font-size: 24px; 
	font-weight: 600; 
	color: var(--primary-color); 
}

.logo img{
	width: 24px;
	height: auto;
	vertical-align: middle;
}

header nav{
	justify-self: end;
}

header nav a{
	color: var(--text-color-dark-gray);
	text-decoration: none;
	margin: 0 24px;
}

header nav a:hover{
	color: var(--primary-color);
	text-decoration: underline;
	margin: 0 24px;
}

header .burger{
	display: none;
}

/* 设置招聘信息样式 */
.recuit_info{
	margin-bottom: 10px;
	margin: 0 0 12px;
	
}

.recruit{
	font-size: 14px;
	color: var(--text-color-gray);
}

.container_box{
	align-items: center;
	display: grid;
	place-items: center;
}

/* 底部模块样式 */
footer{
	margin-top: 124px;
	background-color: #181818;
	display: grid;
	justify-items: center;
	padding-top: 72px;
	padding-bottom: 24px;
}

.footer-menus{
	width: 100%;
	max-width: 1180px;
	display: grid;
	grid-template-columns: 2fr repeat(4,1fr);
	padding: 0 80px;
	position: relative;
}

.menu-title{
	font-size: 16px;
	color: white;
	font-weight: 500;
	margin-bottom: 20px;
}

.contact-us{
	justify-self: start;
	color: var(--text-color-lightest);
}

.contact-us p:not(first-child){
	padding-bottom: 16px;
}

.menu-items li{
	list-style: none;
	padding-bottom: 8px;
}

.menu-items li a{
	text-decoration: none;
	font-weight: 300;
	color: var(--text-color-lightest);
}

.icp-info{
	margin-top: 24px;
	margin-bottom: 16px;
}

.icp-info,.rights{
	grid-column: 1 / -1;
	justify-self: center;
	color: white;
}
